iT邦幫忙

1

CSS 命名基礎介紹 DAY40

  • 分享至 

  • xImage
  •  

今天要來介紹 CSS 命名
首先先來介紹
駝峰式命名:
https://zh.wikipedia.org/wiki/%E9%A7%9D%E5%B3%B0%E5%BC%8F%E5%A4%A7%E5%B0%8F%E5%AF%AB

建議這裡採用小駝峰的寫法(ex: bookList )


拋棄語意命名
拋棄語意命名方式,改以工具性質來命名
ex:

//書籍列表
.bookList{
    width: 50px;
    height: 50px;
}

盡量不要使用語意化命名

.list{
    width: 50px;
    height: 50px;
}

當然顏色也是

.list-red{
    color: red;
}

可以改成

//主色
.list-primary{
    color: red;
}

那今天的命名方式就介紹到這裡
明天將介紹 BEM /images/emoticon/emoticon07.gif
若有任何問題 或 內容有誤
請不吝嗇的跟我說唷~~


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言